<script setup>
    //直接定义一个变量
    // var msg = "wwy"; // 普通变量，不会动态的更新（在template 使用 变量，不会因为 变量值改变而更新）
 
    // 引入新的方法 ref设置 动态变量
    import { ref } from 'vue';
    var msg = ref("wwy"); // msg 为动态变量

    function changeMsg(){
        alert("666");
        msg.value = "666";// 获得或修改 它值 需要 .value 方式
    }

</script>


<template>

    test02:{{  msg  }}  
    <!-- <button onclick="changeMsg()">点一下</button> -->
    <!--  点击事件的新写法    -->
    <button v-on:click="changeMsg">点一下</button>

</template>

<style>


</style>